<!DOCTYPE html>
<html >

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
	</head>
	<link rel="stylesheet" href="css/discover.css" />
	<link rel="stylesheet" href="css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="css/icons-extra.css" />
	<style>
		.flex-container {
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-flow: row wrap;
			justify-content: space-between;
			text-align: center;
		}
		
		.mui-content-padded {
			padding: 10px;
		}
		
		 
		.mui-content-padded a {
			margin: 3px;
			width: 50px;
			height: 50px;
			display: inline-block;
			text-align: center;
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 25px;
			background-clip: padding-box;
		}
		
		.mui-content-padded a .mui-icon-extra {
			margin-top: 12px;
		}
		
		.mui-spinner,
		.mui-spinner-white {
			margin-top: 12px
		}
		
		.active .mui-spinner-indicator {
			background: #007AFF;
		}
		
		.mui-content a {
			color: #8F8F94;
		}
		
		.mui-content a.active {
			color: #007aff;
		}
		
		.mui-control-content {
			background-color: white;
			min-height: 215px;
		}
		
		.mui-control-content .mui-loading {
			margin-top: 50px;
		}
		
	</style>

	<body>
		<!--下拉刷新容器-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="height: 93%;color: #222222;">
			<div class="mui-scroll">

				<!--
                                 	作者：1059580412@qq.com
                                 	时间：2018-05-22
                                 	描述：发现页面的头部
                                 -->
				
				<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-22
                    	描述：发现页的推荐块
                    -->
				<div class="module">
					<!--
                        	作者：1059580412@qq.com
                        	时间：2018-05-22
                        	描述：模块标题
                        -->
					<div class="m-title">
						<a class="m-title-left"><span style="color: #222222;">KoreaComics</span></a>
						<a class="m-title-left"><span style="font-size: smaller;color: #222222;">推荐</span></a>
						<a class="m-title-right recommendright">
							<span id="textContent" style="color: #222222;">更多</span>
							<span id='textIcon' style="font-size: 20px;color: #222222;"class="mui-icon mui-icon-forward"></span>
						</a>
					</div>
					<!--
                        	作者：1059580412@qq.com
                        	时间：2018-05-22
                        	描述：模块主体
                        -->
					<div class="allcomics">

						<div>
							<ul id="recommends1" style="padding: 0;">
								<!--<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover" style="background-image: url(img/commicsDemo.png);">
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>-->
												
								
							</ul>
						</div>

					</div>
				</div>
				
				
				
				<div class="topTitile">
					<div class="title-icon">
						<div style="background-image: url(img/logo-newPro.png);background-size: 100%; width: 25px;height: 35px;"></div>
						<span class="title-font">新作品</span>
					</div>
					<div class="title-icon">
						<div style="background-image: url(img/logo-rank.png);background-size: 100%; width: 25px;height: 35px;"></div>
						<span class="title-font">排行</span>
					</div>
					<div class="title-icon">
						<div style="background-image: url(img/logo-recommend.png);background-size: 100%; width: 25px;height: 35px;margin-left: 18%;"></div>
						<span class="title-font">个性推荐</span>
					</div>
					<div class="title-icon">
						<div style="background-image: url(img/logo-classify.png);background-size: 100%; width: 25px;height: 35px;margin-left: 0;"></div>
						<span class="title-font">分类</span>
					</div>
				</div>
				<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-22
                    	描述：新作登场
                    -->
				<div class="newproduction">
					<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-22
                    	描述：标题
                    -->
					<div class="m-title">
						<a class="m-title-left"><span style="font-size: smaller;color: #222222;" >新作登场</span></a>
						<a class="m-title-right newworkright">
							<span id="textContent" style="color: #222222;">更多</span>
							<span id='textIcon' style="font-size: 20px;color: #222222;" class="mui-icon mui-icon-forward"></span>
						</a>
					</div>
					<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-22
                    	描述：主体
                    -->
					<div class="allcomics">

						<div>
							<ul id="newWorks">
								<!--<li class="newcomicsbody">
									<a>
										<div class="newcomics">
											<div class="newcomics-cover">
												<img src="img/newProduction.png" />
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>
								-->
									
							</ul>
						</div>

					</div>
				</div>
				<!--
                        	作者：1059580412@qq.com
                        	时间：2018-05-22
                        	描述：分类
                        -->
				<div class="classify">
					<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-22
                    	描述：标题
                    -->
					<div class="m-title">
						<a class="m-title-left"><span style="font-size: smaller;color: #222222;">分类</span></a>
						<a class="m-title-right categoryright">
							<span id="textContent" style="color: #222222;">更多</span>
							<span id='textIcon' style="font-size: 20px;"color: #222222;"" class="mui-icon mui-icon-forward"></span>
						</a>
					</div>

					<!--
                        	作者：1059580412@qq.com
                        	时间：2018-05-22
                        	描述：classify标
                        	-->
					<div class="classify-icon">
						<div id="classifyone" class="classifytitle" index=1>

						</div>
						<div id="classifytwo" class="classifytitle" index=2>

						</div>
						<div id='classifythree' class="classifytitle" index=3>

						</div>
						<div id='classifyfour' class="classifytitle" index=4>

						</div>
						<div id='classifyfive' class="classifytitle" index=5>

						</div>

					</div>

					<!--
                                	作者：1059580412@qq.com
                                	时间：2018-05-23
                                	描述：分类推荐主体
                        -->
					<div style="text-align: center;">
						<!--
                            	作者：1059580412@qq.com
                            	时间：2018-05-23
                            	描述：第一个部分
                            -->
						<div class="classifyitem ">
							<ul id="plot">
								<!--<li class="comicsbody">
							<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/classfiy.png);">
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>-->
												
							</ul>
						</div>
                       
                       <div class="classifyitem hiddendiv">
							<ul id="romantic">
								<!--<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/classfiy.png);">
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>-->
							
								</ul>
						</div>
						
						 <div class="classifyitem hiddendiv">
							<ul id="funny">
								<!--<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/classfiy.png);">
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>-->
							
													
							</ul>
						</div>
						
						 <div class="classifyitem hiddendiv">
							<ul id="fantasy">
								<!--<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/classfiy.png);">
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>-->
													</ul>
						</div>
						
						<div class="classifyitem hiddendiv">
							<ul id="action">
								
							<!--	<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/classfiy.png);">
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画介绍23333333333333333333333333333333</span>
											</div>
										</div>
									</a>
								</li>-->
							
												
							</ul>
						</div>
					</div>
				</div>
				<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-23
                    	描述：排行榜
                    -->
				<div class="rank">
					<div class="m-title">
						<a class="m-title-left rank-title" index=1><span style="font-size: smaller;color: #222222;">排行榜</span></a>
						<!--<a class="m-title-left rank-title" index=2><span style="font-size: smaller;color: #222222;">新作榜</span></a>
						<a class="m-title-left rank-title" index=3><span style="font-size: smaller;color: #222222;">总榜</span></a>-->
						<a class="m-title-right rankingright">
							<span id="textContent" style="color: #222222;">更多</span>
							<span id='textIcon' style="font-size: 20px;color: #222222;" class="mui-icon mui-icon-forward"></span>
						</a>
					</div>
					<!--
                        	作者：1059580412@qq.com
                        	时间：2018-05-23
                        	描述：周榜 总榜 新作榜
                        -->
					<!--
						
                                	作者：1059580412@qq.com
                                	时间：2018-05-23
                                	描述：榜单主体
                        -->
					<div style="text-align: center;">
						<div class="rankbody">
							<ul id="weekendrankings"><!--周榜-->
		 
								<!--<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/rank.png);">
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画介绍</span>
											</div>
										</div>
									</a>
								</li>-->
								
							</ul>
						</div>
						<!--
                            	作者：1059580412@qq.com
                            	时间：2018-05-23
                            	描述：默认隐藏块
                            -->
						<!--<div class="rankbody hiddendiv">
							<ul id="newWorkRankings">
								<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/rank.png);">
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画介绍</span>
											</div>
										</div>
									</a>
								</li>
								
							</ul>
						</div>-->
						<!--<div class="rankbody hiddendiv">
							<ul id="totalRankings">
								
							<li class="comicsbody">
									<a>
										<div class="comics">
											<div class="comics-cover " style="background-image: url(img/rank.png);">
											</div>
											<div class="introduce">
												<span style="color: #222222;">漫画名称</span>
											</div>
											<div class="comics-name ">
												<span style="color: #222222;">漫画介绍</span>
											</div>
										</div>
									</a>
								</li>
								
							</ul>
						</div>-->
					</div>
				</div>
			</div>

		</div>
		<nav class="mui-bar mui-bar-tab">
			<a  class="mui-tab-item update" href="tab-webview-subpage-about.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label ">更新</span>
			</a>
			<a id="defaultTab" class="mui-tab-item discover mui-active " href="tab-webview-subpage-chat.html">
				<span class="mui-icon mui-icon-personadd"></span>
				<span class="mui-tab-label ">发现</span>
			</a>
			<a class="mui-tab-item mycomics" href="tab-webview-subpage-contact.html">
				<span class="mui-icon mui-icon-star-filled"></span>
				<span class="mui-tab-label ">我的漫画</span>
			</a>
			<a class="mui-tab-item my" href="tab-webview-subpage-setting.html">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label ">MY</span>
			</a >
		</nav>
		<script src="js/mui.min.js"></script>
		<script src="js/url.js"></script>
		<script src="js/jquery.min.js"></script>
		<script>
			/*
			 如果你要用jQuery必须将下面这行代码放在第一行，然后将$符号换成jQuery
			 * */
			$.noConflict();
			/*推荐内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/allComics',
                  dataType: 'json',
			success:function(data){
				var ul = document.getElementById('recommends1');
				ul.innerHTML=null;
				for(var i=0;i<6;i++){
					var li = document.createElement('li');
					li.classList.add("comicsbody");
					li.innerHTML='<a><div class="comics"><div class="comics-cover" style="background-image:url('
					+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%;"></div>'
					+'<div class="comics-name"><span style="color: #222222;">'+data[i].comicsname+'</span></div>'
					+'</div></a><div class="comicsid" style="display:none;">'
					+data[i].id+'</div>';
					ul.appendChild(li);
					}
				jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
			}
     			});
			
			/*点击推荐右边更多跳转界面*/
			jQuery(".recommendright").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'Recommend.html',
						extras:{
							comicsid:id
						}
					})
				});
			
			
			
			
			
			
			
			
			/*新作内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/newWork',
                 dataType: 'json',
                 success:function(data){
                 	var ul=document.getElementById('newWorks');
                 	ul.innerHTML=null;
                 	for(var i=0;i<6;i++){
                 		var li=document.createElement('li');
                 		li.classList.add("newcomicsbody");
                 		li.innerHTML='<div class="newcomics"><div class=newcomics-cover>'
                 		+'<img src='+serverip.ip2+data[i].id+'/'+data[i].icon+';></div><div class="comics-name" style="width:100%;height:100%">'
                 		+'<span style="color:#222222">'+data[i].comicsname+'</span></div>'
                 		+'</div>'
                 		+'<div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                              		ul.appendChild(li);
                 	}
                 
                 jQuery(".newcomicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
			});
			
			/*点击新作右边更多跳转界面*/
			jQuery(".newworkright").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'I-newProduction.html',
						extras:{
							comicsid:id
						}
					})
				});
			
			
			
			
		  	
			/*分类剧情内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/discover/category',
                 dataType: 'json',
                 data:{category:'剧情'},
                 success:function(data){
                 	var ul=document.getElementById('plot');
            
                 	ul.innerHTML=null;
                 	for(var i=0;i<6;i++){
                 		var li=document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML='<a><div class="comics">'
                 		+'<div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%;"></div>'
                 		+'<div class="comic-name"><span style="color:#222222">'
                 		+data[i].comicsname+'<span></div>'
                 		+'</div></a><div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 		
                 		ul.appendChild(li);
                   }
                 	jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
                });
			
			
			
			
			
			
			
			
			
			
			
			
			
			/*点击分类右边更多跳转界面*/
			jQuery(".categoryright").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'classfei.html',
						extras:{
							comicsid:id
						}
					})
				});
			
			
			
			
			
			
			/*分类浪漫内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/discover/category',
                 dataType: 'json',
                 data:{category:'浪漫'},
                 success:function(data){
                 	var ul=document.getElementById('romantic');
                 	ul.innerHTML=null;
                 	for(var i=0;i<6;i++){
                 		var li=document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML='<a><div class="comics">'
                 		+'<div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%;"></div>'
                 		+'<div class="comic-name"><span style="color:#222222">'
                 		+data[i].comicsname+'<span></div>'
                 		+'</div></a><div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 		ul.appendChild(li);
                   }
                 	jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
                });
			
			
			/*分类动作内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/discover/category',
                 dataType: 'json',
                 data:{category:'动作'},
                 success:function(data){
                 	var ul=document.getElementById('action');
                 	ul.innerHTML=null;
                 	for(var i=0;i<6;i++){
                 		var li=document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML='<a><div class="comics">'
                 		+'<div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%"></div>'
                 		+'<div class="comics-name"><span style="color:#222222">'
                 		+data[i].comicsname+'<span></div>'
                 		+'</div></a><div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 			ul.appendChild(li);
                   }
                 	
                 	
                 	
                 	jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
                });
			
			
			/*分类搞笑内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/discover/category',
                 dataType: 'json',
                 data:{category:'搞笑'},
                 success:function(data){
                 	var ul=document.getElementById('funny');
                 	ul.innerHTML=null;
                 	for(var i=0;i<6;i++){
                 		var li=document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML='<div class="comics">'
                 		+'<div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%;"></div>'
                 		+'<div class="comic-name"><span style="color:#222222">'
                 		+data[i].comicsname+'<span></div>'
                 		+'</div><div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 		ul.appendChild(li);
                   }
                 	jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
                });
			
			
			/*分类奇幻内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/discover/category',
                 dataType: 'json',
                 data:{category:'搞笑'},
                 success:function(data){
                 	var ul=document.getElementById('fantasy');
                 	ul.innerHTML=null;
                 	for(var i=0;i<6;i++){
                 		var li=document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML='<div class="comics">'
                 		+'<div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%;"></div>'
                 		+'<div class="comic-name"><span style="color:#222222">'
                 		+data[i].comicsname+'<span></div>'
                 		+'</div><div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 		ul.appendChild(li);
                   }
                 	jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:"cammandComics.html",
						extras:{
							comicsid:id
						}
					})
				});
                 }
                });
			
			
			
			/*排行榜内容*/
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/discover/rankings',
                 dataType: 'json',
                 success:function(data){
                 	var ul=document.getElementById('weekendrankings');
                 	ul.innerHTML=null;
               for(var i=0;i<6;i++){
                 	var li =document.createElement('li');
                 li.classList.add("comicsbody");
                 li.innerHTML ='<a><div class="comics"><div class="comics-cover" style="background-image:url('
                 +serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%;"></div><div class="introduce"><span style="color:#222222">'
                 +data[i].comicsname+'</span></div>'
                 +'</div></a>'
                 +'<div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                     ul.appendChild(li);
                 	}
                 	jQuery(".comicsbody").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url: "cammandComics.html",
						extras:{
							comicsid:id
						}
					})
				});
                 }
                 
			});
			
			
			/*点击排行榜右边更多跳转界面*/
			jQuery(".rankingright").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url: "rankings.html",
						extras:{
							comicsid:id
						}
					})
				});
			
			
			
			
			
			/*新作榜*/
			/*jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/',
                 dataType: 'json',
                 data:{newworkrankings:'新作榜'},
                 success:function(data){
                 	var ul=document.getElementById('newWorkRankings');
                 	for(var i=0;i<6;i++){
                 		var li =document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML ='<div class="comics"><div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');"></div><div class="introduce"><span style="color:#222222">'
                 		+data[i].comicsname+'</span></div><div class="comics-name"><span style="color:#222222;">'
                 		+data[i].introduce+'</span></div></div>'
                 		+'<div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 		ul.appendChild(li);
                 	}
                 	jQuery(".comics").bind("tap",function(){
					var id=jQuery(this).find('comicsid').text();
					mui.openWindow({
						url:'/commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
                 
			});
			*/
			
			/*总榜*/
			/*jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/',
                 dataType: 'json',
                 data:{totalRankings:'总榜'},
                 success:function(data){
                 	var ul=document.getElementById('totalRankings');
                 	for(var i=0;i<6;i++){
                 		var li =document.createElement('li');
                 		li.classList.add("comicsbody");
                 		li.innerHTML ='<div class="comics"><div class="comics-cover" style="background-image:url('
                 		+serverip.ip2+data[i].id+'/'+data[i].icon+');"></div><div class="introduce"><span style="color:#222222">'
                 		+data[i].comicsname+'</span></div><div class="comics-name"><span style="color:#222222;">'
                 		+data[i].introduce+'</span></div></div>'
                 		+'<div class="comicsid" style="display:none;">'+data[i].id+'</div>';
                 		ul.appendChild(li);
                 	}
                 	jQuery(".comics").bind("tap",function(){
					var id=jQuery(this).find('comicsid').text();
					mui.openWindow({
						url:'/commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
                 }
                 
			});
			*/
		
			
		</script>
		

		<script>
			document.getElementsByClassName("update")[0].addEventListener("tap", function() {
				mui.openWindow({
					url: "homePage.html"
				})
			});

			document.getElementsByClassName("discover")[0].addEventListener("tap", function() {
				mui.openWindow({
					url: "discover.html"
				})
			});

			document.getElementsByClassName("mycomics")[0].addEventListener("tap", function() {
				mui.openWindow({
					url: "myComics.html"
				})
			});

			document.getElementsByClassName("my")[0].addEventListener("tap", function() {
				mui.openWindow({
					url: "personalCenter.html"
				})
			});
		</script>
		<script>
			document.getElementsByClassName("title-icon")[0].addEventListener("tap",function(){
				mui.openWindow({
					url:"I-newProduction.html"
				})
			});
			document.getElementsByClassName("title-icon")[1].addEventListener("tap",function(){
				mui.openWindow({
					url:"rankings.html"
				})
			});
			document.getElementsByClassName("title-icon")[2].addEventListener("tap",function(){
				mui.openWindow({
					url:"Recommend.html"
				})
			});
			document.getElementsByClassName("title-icon")[3].addEventListener("tap",function(){
				mui.openWindow({
					url:"classfei.html"
				})
			});
		</script>
		
		<script>
			mui.init({
				pullRefresh: {
					container: '#pullrefresh',

				}

			});
			(function($) {
				$('.mui-scroll-wrapper').scroll({
					indicators: false //是否显示滚动条
				});
			})(mui);
		</script>
	<script>
			//分类模块选项卡切换
			var title = document.getElementsByClassName("classifytitle");
			var items = document.getElementsByClassName("classifyitem");
			for(var i = 0; i < title.length; i++) {
				title[i].addEventListener("tap", function() {
					var index = this.getAttribute("index");
					console.log(index);
					for(var j = 0; j < items.length; j++) {
						items[j].style.display = "none";
					}

					items[index - 1].style.display = "block";
				})
			}
			//榜单模块选项卡切换
			/*var rankt = document.getElementsByClassName("rank-title");
			var rankb = document.getElementsByClassName("rankbody");
			for(var i = 0; i < rankt.length; i++) {
				rankt[i].addEventListener("tap", function() {
					var index = this.getAttribute("index");
					console.log(index);
					for(var j = 0; j < rankb.length; j++) {
						rankb[j].style.display = "none";
					}
					rankb[index - 1].style.display = "block";
				})
			}*/
		</script>
	</body>

</html>